<template>
  <div class="login">
    <div class="body flex-center">
      <loginForm></loginForm>
    </div>
    <loginFooter></loginFooter>
  </div>
</template>

<script>
import loginFooter from "./module/loginFooter";
import loginForm from "./module/loginForm";

export default {
  name: "login",
  components: {
    loginFooter,
    loginForm
  }
}
</script>

<style scoped lang="less">
.login {
  width: 100%;
  height: 100%;
  background-image: url("../../assets/bg.png");
  background-size: cover;
  .body {
    width: 100%;
    height: calc(100% - 100px);
  }
}
</style>
